#news(id=id)

#include("templates/layout.html")
#@layout()

#define seo_title()
#seoTitle(news.seoTitle, "资讯") - #seo("seo_title")
#end

#define seo_keywords()
#seoMetaKeywords(news.seoMetaKeywords)
#end

#define seo_description()
#seoMetaDescription(news.seoMetaDescription)
#end

#define import_head_cssjs()
<link rel="stylesheet" href="./css/news.css">
#end

#define body_class()auto-foot-ct#end

#define body()
	<div class="auto-contanter text-dark bg-white" data-head-fiexd="true">
		<div class="article-container">
			<h1 class="news-title">
				<span class="red-bd">#(news.title)</span>
			</h1>
			<div class="tc click-rate hidden-xs">
				<span class="mr10">#date(news.editedTime, "yyyy-MM-dd")</span> <span class="mr10">|</span>
				<span class="mr10">点击率：#(news.baseHits + news.hits)</span>
				<div class="f0 right-share">#include("templates/share.html")</div>
			</div>
			<!-- 富文本内容区域start -->
			<div class="article-detail">#if(isMobile && news.contentH5)#(news.contentH5)#else#(news.content)#end</div>
			<!-- 富文本内容区域end -->
			<div class="n-foot">
				<div class="pt15 pb15 disb-label">
					<span class="f13">标签：</span>
					#for(tag : news.tagList)
					<a target="_blank" href="#(ctx)/result/search.html?word=#(tag)" class="s-label">
						<span class="n-label">#(tag)</span>
					</a>
					#end
				</div>
				<!-- 分享 -->
				<div class="f0 disb-share">#include("templates/share.html")</div>
			</div>
			<!-- 上一篇下一篇 -->
			<div class="cd-prev-next tc">
			#prevNews(id=id, var="prev")
				#if(prev)
				<a href="#(ctx)/detail/news-#(prev.id).html" target="_blank" class="prev dib vm ell">上一篇
					<span class="hidden-xs">：#(prev.title)</span>
				</a>
				#else###没有上一个新闻也需要占位，不然显示会偏移
				<a class="prev dib vm ell"><span class="hidden-xs"></span></a>
				#end
			#end
				<a href="#(ctx)/category/news.html" target="_blank" class="cd-center dib vm">返回列表</a>
			#nextNews(id=id, var="next")
				#if(next)
				<a href="#(ctx)/detail/news-#(next.id).html" target="_blank" class="next dib vm ell">下一篇
					<span class="hidden-xs">：#(next.title)</span>
				</a>
				#else###没有下一个新闻也需要占位，不然显示会偏移
				<a class="next dib vm ell"><span class="hidden-xs"></span></a>
				#end
			#end
			</div>
		</div>
		<div class="height10bg"></div>
		#randomNewsList(var="topList")
		<!-- 可能感兴趣的文章 -->
		<div class="news-recommend">
			<div class="rel article-container">
				<h2 class="news-r-hd">您可能感兴趣的文章</h2>
				<div id="newsRecommend" class="ovh ">
					<div class="swiper-wrapper">
					#for(news : topList)
						<a href="#(ctx)/detail/news-#(news.id).html" target="_blank" class="news-ite swiper-slide">
							<img class="news-img" src="#if(isMobile && news.imgH5)#(news.imgH5)#else#(news.img)#end" alt="">
							<div class="n-s-details">
								<p class="text-info f14 mb15 hidden-xs">#date(news.editedTime, "yyyy-MM-dd")</p>
								<p class="red-bd">#(news.title)</p>
							</div>
						</a>
					#end
					</div>
				</div>
			</div>
		</div>
		#end
		<div class="height10bg"></div>
	</div>
#end

#define import_foot_js()
	<script src="./js/lib/social-share.min.js"></script>
	<script src="./js/news.min.js"></script>
#end

#end
